<template>
  <div class="item-box">
    <slot></slot>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
.item-box {
  padding-left: 14px;
  .image-box {
    width: 90%;
    text-align: center;
    img {
      width: 100%;
      border-radius: 8px;
    }
  }
  .text-box {
    width: 100%;
    .name {
      font-size: 14px;
      font-weight: 500;
      margin: 8px 3px;
    }
    .intro {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      font-size: 12px;
      padding: 0 3px;
    }
  }
}
</style>